@charset "UTF-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, legend, button, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }

body { color: #000; font-size: 14px; width: 100%; height: 100%; }
body h5 { font-weight: normal; font-size: 12px; text-align: center; margin-bottom: 20px; color: #6C6C6C; }
html { font-family: "Helvetica Neue",Arial,"Microsoft Yahei",Helvetica,sans-serif,Lato; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;background: #ECECEC;  background-image: url(image/3.jpg);background-repeat: no-repeat;filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  -moz-background-size:100% 100%;  background-size:100% 100%; min-height: 100%;}

/*html { font-family: "Helvetica Neue",Arial,"Microsoft Yahei",Helvetica,sans-serif,Lato; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;background: #ECECEC;}
*/
address, caption, cite, code, dfn, em, strong, th, var { font-weight: normal; font-style: normal; }

ol, ul { list-style: none; }

a { color: #000000; text-decoration: none; }


/*初始化结束*/
header { /*background-color: #1041A9; background-color: rgba(16, 65, 169, 0.85);*/     width: 600px; margin: 0 auto; padding-top: 10px; padding-bottom: 5px; /*box-shadow: 1px 1px 3px #7B7B7B;*/ }
header h1 { text-align: center; font-size: 20px;line-height: 50px; color: #636363; letter-spacing: 1px; transition: all 0.1s; -moz-transition: all 0.1s; /* Firefox 4 */ -webkit-transition: all 0.1s; /* Safari and Chrome */ -o-transition: all 0.1s; /* Opera */ }
header h1:active { letter-spacing: 8px; }
header h3 { position: relative; line-height: 30px; font-weight: normal; font-size: 12px; color: #000; text-align: center; transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari and Chrome */ -o-transition: all 0.5s; /* Opera */ }
header h3:hover { transform: translate(-100px, 0); -ms-transform: translate(-100px, 0); /* IE 9 */ -moz-transform: translate(-100px, 0); /* Firefox */ -webkit-transform: translate(-100px, 0); /* Safari and Chrome */ -o-transform: translate(-100px, 0); /* Opera */ }
.time{
	width: 500px; text-align: center;margin: 0 auto; color: #636363;font-size:20px;font-weight: bold;letter-spacing: 4px;
}
.GXUST_logo{
	/*margin: 0 auto;
    display: block;*/
    float: left;
}

.yiban_logo{
	width: 130px;
	height: 55px;
	/*margin: 0 auto;*/
	margin-left: 10px;
	float: left;
	display: block;
}
.turngroup {
	position: relative;
	top:-50px;
	right: 0px;
	width: 60px;
	float: right;
    border-radius: 2px;
    padding: 3px 8px;
    background: #FF5E52;
    line-height: 18px;
    color: #fff;
    font-size: 12px;
}
.turngroup2 {
	position: relative;
	top:-50px;
	right: 0px;
	width: 50px;
	float: right;
    border-radius: 2px;
    padding: 3px 8px;
    background-color: #5cb85c;
    line-height: 18px;
    color: #fff;
    font-size: 12px;
}
.turngroup3 {
	position: relative;
	top:-50px;
	right: 0px;
	width: 50px;
	float: right;
    border-radius: 2px;
    padding: 3px 8px;
    background-color: #2b99ff;;
    line-height: 18px;
    color: #fff;
    font-size: 12px;
}
.main { width: 100%; margin-top: 20px; }

.card { 
	 width: 340px;
	 height: 670px;
	 min-height: 440px;
	 background-color: #fff;
	 background-color: rgba(239, 239, 239, 0.8);
	 border-radius: 2px 2px 2px 2px;
	 display: block;
	 float: left;
	 margin-left: 30px;
	 box-shadow: 0px 2px 3px #7B7B7B;
	 overflow: hidden;
 }

 .left{
 	margin-left:0px;
 }

/*.card:last-child{
	margin-right:30px;
}*/
.right{
	margin-right:30px;
}

.ad2{
	min-height: 100px;
	margin-left: 30px;
	text-align: center;
	font-size: 24px;
	line-height: 100px;
}
.ad2 p{
	font-size: 18px;
    height: 50px;
    line-height: 0;
}
.record_breaking_p{
	margin-left: 10px;
	margin-right: 10px;
	font-size: 14px;
	color: #FF6347;
	margin-top: 10px;
}
#record_breaking{
	min-height: 200px;
}

.AllCard{
	width: 1110px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.card_top { margin-top: 40px; }

.detail{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 15px;
    color: #696969;
    clear:both;
}
#rank{
	margin-top: 20px;
	margin-bottom: 20px;
}

#selected{
  background-color: inherit;
  border: 0;
  font-size: 16px;
  outline: none; 
    display: block;
    margin: 0 auto;}
.footer{
	margin-top: 20px;
	text-align: center;
	color: #5F5F5F;
	font-size: 12px;
}

.BTTS{
	display: block;
	margin: 0 auto;
	width: 200px;
    overflow: hidden;
}

.Button { 
	
	/*display: block; 
	margin: 0 auto; 
	width: 84px;*/ }
.Button button {margin-right: 15px; margin-top: 30px; background: rgba(222, 222, 222, 0.8); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border: none; cursor: pointer;margin-bottom: 20px; border-radius: 5px; color: #000; height: 46px; min-width: 84px; padding: 0 8px; font-size: 14px; font-weight: 500; float: left; outline: none; transition: all 0.2s; -moz-transition: all 0.2s; /* Firefox 4 */ -webkit-transition: all 0.2s; /* Safari and Chrome */ -o-transition: all 0.2s; /* Opera */ }
.Button button:active { background: #DEDEDE; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 5px rgba(0, 0, 0, 0.12); }


.footer{
	margin-top: 20px;
	text-align: center;
	color: #545454;
}

.space{
	margin-top: 10px;
	clear: both;
}

/*//排名*/
.num1{
	text-align: center;
	overflow: hidden;
	clear: both;
}
.num2{
	float: left;
	overflow: hidden;
	text-align: center;
	width: 168px;
}

.num3{
	float: left;
	overflow: hidden;
	text-align: center;
	margin-bottom: 30px;
	width: 168px;
}

.num1 img{
	width: 50px;
	height: 70px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
}

.num2 img, .num3 img{
	width: 40px;
	height: 60px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
}
.detail_num{
	text-align: center;
	overflow: hidden;
	margin-bottom: 4px;

}
span{
	overflow: hidden;
	width: 168px;
	color: #FF4500;
}

.detail_num{
	display: table;
    margin-left: 30px;
    float: left;
}
td{
	text-align: center;
}
.td_0{
	width: 50px;
}
.td_xueyuan{
	width: 170px;
	color: #1E90FF;
}

.ad{
	background-image: url(image/AD.jpg);
	background-size:  -moz-background-size:100% 100%;  background-size:100% 100%;
	background-repeat: no-repeat;
}

/*分数详情页面样式*/
#record{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.back { width: 50px; height: 50px; position: fixed; z-index: 9999; top: 88%; left: 80%; border-radius: 50%; overflow: hidden; outline: none; border: none; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); transition: all 0.6s; -moz-transition: all 0.6s; /* Firefox 4 */ -webkit-transition: all 0.6s; /* Safari and Chrome */ -o-transition: all 0.6s; /* Opera */ }
.back:hover { background-color: rgba(195, 195, 195, 0.73); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 5px rgba(0, 0, 0, 0.12); }
.back1 { width: 50px; height: 50px; position: fixed; z-index: 9999; top: 82%; left: 80%; border-radius: 50%; overflow: hidden; outline: none; border: none; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); transition: all 0.6s; -moz-transition: all 0.6s; /* Firefox 4 */ -webkit-transition: all 0.6s; /* Safari and Chrome */ -o-transition: all 0.6s; /* Opera */ }
.back1:hover { background-color: rgba(195, 195, 195, 0.73); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 5px rgba(0, 0, 0, 0.12); }
